<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        function reloadImage() {
            document.getElementById("imgservlet").src = '/account/validation?time=' + new Date().getTime();
        }
    </script>
</head>
<header th:replace="common/IncludeTop"></header>
<body>
<div id="Content">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link href="../css/register.css" rel="stylesheet">

    <div class="container">
        <!--界面左栏-->
        <div class="left"></div>
        <!--界面右栏-->
        <div class="right">
            <div id="BackLink">
                <a href="/account/main">返回主菜单</a>
            </div>
            <div id="Catalog">
                <form action="/account/signin" method="post" name="form" id="form">
                    <p>请输入您的账号和用户名</p>
                    <p>
                        账号：<input type="text" name="username" id="username"/><br/>
                        密码：<input type="password" name="password" id="password"/><br/>
                        验证码：<input type="text" name="validation" id="validation"/>
                        <img alt="验证码图片" src="validation" id="imgservlet" onclick="reloadImage()"/>
                        <input type="button" value="换一张" onclick="reloadImage()" id="btn">
                    </p>
                    <input type="submit" name="signon" value="Login" onclick="verifyForm()"/>
                    <div class="Tip" id="tip" th:if="${tip != null}" th:text="${tip}">
                        提示信息
                    </div>
                </form>
                尚未注册？ <a href="/account/register">立即注册！</a>

            </div>
        </div>
    </div>
</div>
<footer th:replace="common/IncludeBottom"></footer>
</body>
</html>